// pages/login/login.js
Page({
  /** 
   * 页面的初始数据
   */
  data: {
    isAgree: false,
    countdownNumber: 60,
    formData: {
      phone: '',
      code: '',
    },
    showUserAgreement: false, //显示用户隐私弹窗
    htmlSnip: "<p>这里是测试字符串</p>", //这里是富文本字符串
  },
  /**   */
  setValue(e) {
    var key = e.currentTarget.id;
    var value = e.detail.value;
    if (key === 'phone') {
      this.setData({
        'formData.phone': value
      })
      return;
    }
    if (key === 'code') {
      this.setData({
        'formData.code': value
      })
      return;
    }
  },
  /** 开始倒计时 */
  startCountdown() {
    var that = this;
    that.NewStartCountdown = setInterval(() => {
      var new_number = Number(this.data.countdownNumber);
      if (new_number != 0) {
        this.setData({
          countdownNumber: --new_number
        })
      } else {
        clearInterval(that.NewStartCountdown);
        that.setData({
          countdownNumber: 60
        })
      }
    }, 1000)

  },
  /** 发送验证码 */
  sendCode() {
    var that = this;
    var {
      phone
    } = this.data.formData;
    if (this.phoneVerify()) {
      wx.showLoading({
        title: '发送中...',
      })
      getApp().http.sendCode({
        mobile: phone
      }).then(res => {
        if (res.errorCode === 200) {
          that.startCountdown(); //开始倒计时 
          wx.hideLoading();
        } else {
          wx.hideLoading();
          wx.showModal({
            title: '发送失败',
            content: res.errorMessage,
            showCancel: false,
          })
        }
      }).catch(err => {
        console.log(err);
      })
    } else {
      // console.log("不通过")
    }
  },



  phoneLogin() {
    var that = this;
    var {
      phone,
      code
    } = this.data.formData;
    if (!this.phoneVerify()) {
      return;
    }
    if (!this.codeVerify()) {
      return;
    }
    wx.showLoading({
      title: '登录中...',
    })
    getApp().http.loginMobile({
      "mobile": phone,
      "code": code
    }).then(res => {
      if (res.errorCode === 200) {
        wx.showToast({
          title: '登录成功',
          icon: "success",
        })
        getApp().http.updateUserInfo(); //更新缓存数据； 
        setTimeout(() => {
          wx.hideLoading();
          wx.navigateBack({
            delta: 2
          })
        }, 500)
      } else {
        wx.hideLoading();
        wx.showModal({
          title: '登录失败',
          content: res.errorMessage,
          showCancel: false,
        })
      }
    }).catch(err => {
      console.log(err);
    })

  },
  /** 验证码验证 */
  codeVerify() {
    var {
      code
    } = this.data.formData;
    if (code.toString().length != 6) {
      return false;
    } else {
      return true;
    }
  },
  phoneVerify() {
    var {
      phone
    } = this.data.formData;
    // 手机号码验证 
    let isPhone = /^1[3-9]\d{9}$/.test(phone);
    if (isPhone) {
      return true;
    } else {
      wx.showToast({
        title: '请输入有效手机号码',
        icon: "none"
      })
      return false;
    }
  },
  onClickAgree() {
    this.setData({
      isAgree: !this.data.isAgree,
    })
  },
  // 前往协议
  goUserAgreement(e) {
    console.log("点击了协议")
    this.setData({
      showUserAgreement: true
    })
    if (e.currentTarget.dataset.id === 1) {
      // 前往用户协议  
    } else {
      // 前往隐私协议
    }
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})